//结构
<template>
    <fieldset>
        <legend>父组件</legend>
            <h1>{{msg}}</h1> 
            <h2>来自于兄弟组件的参数：{{gift}}</h2> 
            <child :gg="girlFriend" @rec="receive"></child>     
            {{val}}
    </fieldset>
</template>

//行为
<script>
    //写完script 一定要记得加上 export default
    //这个对象里就是写组件的选项


    //eventBus传参的流程，一般先注册$on 后触发$emit

    //1.eventBus 使用$son和$emit就可以了

    //2.$on事件的名字不要用驼峰命名

    //3.$on的事件处理函数推荐使用箭头函数

   import child from "./child"
    export default{
        data(){
            return{
                msg:"一个朴实无华的父组件",
                girlFriend:"迪丽热巴",
                val:"input",
                gift:""
            }
        },
        methods: {
          receive (input){
            console.log(input);
            this.gift=input
          } 
        },
        components: {
            child
        },
        //组件挂载完成
        mounted () {
            //注册事件
            //on（1.事件名，不能用驼峰，2.接收传递的值）
            this$on("getevent",(input) =>{
                console.log(input);
                this.input=gift
                //使用off卸载事件
                this$bus.$off("get")
            })
        }
    }
</script>

//样式
<style scoped>
    h1{
        color:deeppink;
        border:2px dashed deeppink;
    }
</style>

